<template>
  <div class="footer_box">
    <div class="footer_main warpper_box">
      <div class="company-name">
        <dl>
          <dt>合作企业</dt>
          <dd><a href="https://www.tuniu.com/">途牛旅游网</a></dd>
         <dd><a href="https://www.fliggy.com/">飞猪旅行</a></dd>
         <dd><a href="https://www.elong.com/">艺龙旅行网</a></dd>
         <dd><a href="http://www.lvmama.com/">驴妈妈旅游</a></dd>
         <dd><a href="https://pindao.hao123.com/go">特价旅游网</a></dd>
         <dd><a href="https://ctrip.com/">携程网</a></dd>
          <dd><a href="https://www.qunar.com/">去哪儿旅游</a></dd>
          <dd><a href="https://www.qyer.com/">穷游网</a></dd>
         <dd><a href="https://www.mafengwo.cn/">马蜂窝网</a></dd>
         <dd><a href="https://www.ly.com/">同程旅游</a></dd>
        </dl>
        <dl>
          <dt>保险单位</dt>
          <dd><a href="https://www.e-chinalife.com/">中国人寿保险</a></dd>
          <dd>平安保险</dd>
          <dd>阳光保险</dd>
          <dd><a href="http://www.cpic.com.cn/">太平洋保险</a></dd>
          <dd>大地保险</dd>
          <dd>恒大保险</dd>
          <dd>华夏保险</dd>
          <dd><a href="https://www.xintai.com/">信泰人寿保险</a></dd>
          <dd>光大保险</dd>
        </dl>
        <dl>
          <dt>技术支持</dt>
          <dd><a href="http://www.baidu.com">百度</a></dd>
          <dd>博客</dd>
          <dd>搜狐</dd>
          <dd>小红书</dd>
          <dd>简书</dd>
          <dd><a href="https://www.cnki.net/">知网</a></dd>
          <dd><a href="https://www.tencent.com/">腾讯</a></dd>
          <dd>阿里云</dd>
          <dd>抖音</dd>
          <dd>快手</dd>
          <dd><a href="https://www.google.cn/">谷歌</a></dd>
          <dd>掘金</dd>
          <dd>360</dd>
          <dd><a href="https://www.zhihu.com/">知乎</a></dd>
        </dl>
      </div>
      <!-- 友情版权 -->
      <div class="friendshipLink">
        <div class="item">关于我们</div>
        <div class="item">联系我们</div>
        <div class="item">门市地址</div>
        <div class="item">人才招聘</div>
        <div class="item">法律声明</div>
        <div class="item">友情链接</div>
        <div class="item">投诉建议</div>
        <div class="item">网站地图</div>
      </div>
      <!-- 版权提示 -->
      <div class="copyright">
        <div class="item">
          ©版权所有 <span>南宁学院<i>信息工程学院</i></span
          >2018级计算机科学与技术4班 
        </div>
        <div class="item">
          20180216210方桂清   毕业设计
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style lang="scss" scoped>
.footer_box {
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  .footer_main {
    padding: 40px 0;
  }
}
.company-name {
  dl {
    display: flex;
    align-items: center;
    color: #333;

    margin-bottom: 25px;
    dt {
      font-weight: 900;
    }

    dd {
      margin-left: 40px;
    }
    a {
      color: #333;
    }
  }
}
.friendshipLink {
  display: flex;
  width: 100%;
  height: 40px;
  align-items: center;
  margin-top: 40px;
  background-color: #63beef;
  .item {
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    // background-color: #ddd;
    color: #fff;
    border-right: 1px solid #ddd;
  }
}
.copyright {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0;
  .item {
    font-weight: 700;
    span {
      font-weight: 400;
      margin: 0 10px;
      i {
        margin: 0 10px;
      }
    }
  }
}
</style>
